<!DOCTYPE html>
<!--
Click nbfs://nbhost/SystemFileSystem/Templates/Licenses/license-default.txt to change this license
Click nbfs://nbhost/SystemFileSystem/Templates/JSP_Servlet/Html.html to edit this template
-->
<html>
    <head>
        <title>TODO supply a title</title>
        <meta charset="UTF-8">
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <script src="../js/lib/vue.js"></script>
    </head>
    <body>
        <div id="app">
            <div v-if="count == 3">div1</div>
            <span v-else-if="count == 4">div2</span>
            <li v-else>div3</li>
            <hr>
            <input v-model="count"></br>
            {{count}}
        </div>
     
        <script>
            new Vue({
                el: "#app",
                data: {
                    username: "李四",
                    url:'https://baidu.com',
                    count:3,
               },
               methods:{
                   show:function(){
                       //alert('我被点了');
                       this.username = '王五';
                       this.url = "https://jd.com";
                   },
                   abs(a,b){
                       
                   }
               }
             });            
        </script>
    </body>
</html>
